<!DOCTYPE html>
<html lang="en" xmlns:font-size="http://www.w3.org/1999/xhtml">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">

		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="Neon Admin Panel">
		<meta name="author" content="">

		<title>Green Soil | 关于我们</title>

		<link rel="stylesheet" href="static/css/jquery-ui-1.10.3.custom.min.css">
		<link rel="stylesheet" href="static/css/entypo.css">
		<link rel="stylesheet" href="static/css/css.css">
		<link rel="stylesheet" href="static/css/bootstrap.css">
		<link rel="stylesheet" href="static/css/neon-core.css">
		<link rel="stylesheet" href="static/css/neon-theme.css">
		<link rel="stylesheet" href="static/css/neon-forms.css">
		<link rel="stylesheet" href="static/css/custom.css">
		<link rel="stylesheet" href="static/my.css">
		<script src="static/js/jquery-1.11.0.min.js"></script>
		<script src="./gethost.js" type="text/javascript"></script>
		<!--[if lt IE 9]><script src="assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->

	</head>
	<body class="page-body">

		<div class="page-container">
			<!-- add class "sidebar-collapsed" to close sidebar by default, "chat-visible" to make chat appear always -->

			<div class="sidebar-menu">

				<header class="logo-env">

					<!-- logo -->
					<div class="logo">
						<a href="">
							<img src="static/picture/green.png" width="150" alt="">
						</a>
					</div>

					<!-- logo collapse icon -->

					<div class="sidebar-collapse">
						<a href="#" class="sidebar-collapse-icon with-animation">
							<!-- add class "with-animation" if you want sidebar to have animation during expanding/collapsing transition -->
							<i class="entypo-menu"></i>
						</a>
					</div>

					<!-- open/close menu icon (do not remove if you want to enable menu on mobile devices) -->
					<div class="sidebar-mobile-menu visible-xs">
						<a href="#" class="with-animation">
							<!-- add class "with-animation" to support animation -->
							<i class="entypo-menu"></i>
						</a>
					</div>

				</header>

				<ul id="main-menu" class="">
					<!-- add class "multiple-expanded" to allow multiple submenus to open -->
					<!-- class "auto-inherit-active-class" will automatically add "active" class for parent elements who are marked already with class "active" -->
					<!-- 搜索框 -->
					<li id="search">
						<form method="get"  action="" enctype="multipart/form-data">
							<input type="text" name="q" class="search-input" id="什么是" placeholder="请输入你想搜索的内容....">
							<button type="submit">
						<i class="entypo-search" id="submit"></i>
					</button>
						</form>
					</li>

					<li>
						<a href="system-index.html">
							<i class="entypo-home active"></i>
							<span>首页</span>
						</a>
					</li>

					<li class="">
						<a href="">
							<i class="entypo-database"></i>
							<span>产品库</span>
						</a>
						<ul>
							<li class="">
								<a href="product-info.html">
									<span>产品信息库</span>
								</a>
							</li>
							<li>
								<a href="function-info.html">
									<span>功能信息库</span>
								</a>
							</li>
							<li>
								<a href="part-info.html">
									<span>零件信息库</span>
								</a>
							</li>
						</ul>
					</li>
					<li class="">
						<a href="">
							<i class="entypo-lamp"></i>
							<span>计算方法</span>
						</a>
						<ul>
							<li>
								<a href="calculate-method.html">
									<span>方法库</span>
								</a>
							</li>
						</ul>
					</li>
					<li class="">
						<a href="">
							<i class="entypo-rocket"></i>
							<span>计算</span>
						</a>
						<ul>
							<li class="">
								<a href="product-cal.html">
									<span>产品计算</span>
								</a>
							</li>
						</ul>
					</li>
					<li class="">
						<a href="">
							<i class="entypo-chart-bar"></i>
							<span>结果展示</span>
						</a>
						<ul>
							<li class="">
								<a href="product-result.html">
									<span>产品结果</span>
								</a>
							</li>
							<li>
								<a href="part-result.html">
									<span>零件结果</span>
								</a>
							</li>
						</ul>
					</li>
					<li class="">
						<a href="">
							<i class="entypo-layout"></i>
							<span>背景数据管理</span>
						</a>
						<ul>
							<li class="">
								<a href="manufacture-info.html">
									<span>工艺数据管理</span>
								</a>
							</li>
							<li>
								<a href="transport-info.html">
									<span>运输数据管理</span>
								</a>
							</li>
							<li>
								<a href="material-info.html">
									<span>材料数据管理</span>
								</a>
							</li>
						</ul>
					</li>
					<li class="opened active">
						<a href="about-us.html">
							<i class="entypo-info-circled"></i>
							<span>关于我们</span>
						</a>
					</li>

				</ul>

			</div>
			<div class="main-content">

				<div class="row">

					<!-- Profile Info and Notifications -->
					<div class="col-md-6 col-sm-8 clearfix">

						<ul class="user-info pull-left pull-none-xsm">
							<!-- 个人简介 -->
							<li class="profile-info dropdown">
								<!-- add class "pull-right" if you want to place this from right -->
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">

									<img src="static/picture/head1.png" alt="" class="img-circle" width="44">
									<a id="username"></a>
								</a>
							</li>
						</ul>

					</div>

					<!-- 退出按钮 -->
					<div class="col-md-6 col-sm-4 clearfix hidden-xs">
						<ul class="list-inline links-list pull-right">
							<li>
								<a href="index.html" >
									<strong>Log Out</strong> <i class="entypo-logout  right"></i>
								</a>
							</li>
							<li class="sep"></li>
						</ul>


						<ul class="list-inline links-list pull-right" >
							<li>
								<a href="play/Excel表模板.zip" >
									<strong>Download</strong> <i class="entypo-attach left" ></i>
								</a>
							</li>
							<li class="sep"></li>
						</ul>

						<ul class="list-inline links-list pull-right" >
							<li>
								<a data-toggle="modal" data-target="#bomtips">
									<strong>Bom Tips </strong><i class="entypo-github left"  ></i>
								</a>
							</li>
							<li class="sep"></li>
						</ul>

					</div>

				</div>

				<hr>

				<div style="padding-left: 20px;padding-right: 20px">

					<ul class="nav nav-tabs bordered "><!-- available classes "bordered", "right-aligned" -->

						<li class="active">
							<a href="#g2" data-toggle="tab">
								<span class="visible-xs"><i class="entypo-home"></i></span>
								<span class="hidden-xs">关于本网站</span>
							</a>
						</li>
						<li>
							<a href="#g3" data-toggle="tab">
								<span class="visible-xs"><i class="entypo-mail"></i></span>
								<span class="hidden-xs">后续工作</span>
							</a>
						</li>
						<li >
							<a href="#g1" data-toggle="tab">
								<span class="visible-xs"><i class="entypo-user"></i></span>
								<span class="hidden-xs">关于我们</span>
							</a>
						</li>
					</ul>

					<div class="tab-content">

						<div class="tab-pane active" id="g2">
							<div class="modal-body" style="height: 700px;">
								<div class="modal-body" style="height: 700px;">
									<div style="width: 90%">
										<div style="width: 100%;height:700px;padding-top: 20px">
											<div style="padding-left: 100px">
												<p>
													<h2 >关于本网站</h2>
												</p>
												<br>
												<p><h4>前端技术： HTML、CSS、JavaScript、JQuery 1.11、BootStrap 4.0、Ajax、E-charts 4.7.0、Datatable </h4></p>

												<p><h4>后端技术：Java（JDK 1.8）、Spring Boot 2.3.5、MyBatis 2.1.3、Easy-excel 2.1.1、OpenResty 1.13.6.2、Tomcat 10.0 、Maven 3.6 、Lombok 1.18.16、Shell</h4></p>

												<p><h4>数据库：MySQL 5.5、Redis 3.2</h4></p>

												<p><h4>操作系统：Linux（centos 7.6）、Windows 10（家庭版） </h4></p>

												<p><h4>开发工具：IDEA 2019.03、WebStorm 2021.03、Power Designer 15.0、PuTTY（64-bit x86）、Filezilla 3.7.3 </h4></p>

												<p><h4>原型图绘制工具：Axure RP 8.0 </h4></p>

												<p><h4>云服务器：阿里云轻量型服务器（1核 2g）× 2 </h4></p>

												<p><h4>测试工具：Apache Jmeter 5.0、Postman 8.0</h4></p>

												<p><h4>前端代码 html：14029行 </h4></p>

												<p><h4>后端代码 java：15337行 、xml：5873行</h4></p>

												<p><h4>数据库代码 sql：277行 </h4></p>

												<p><h4>代码量共计：35516行 </h4></p>

												<p><h4>开发时间：12月13号-12月27号</h4></p>

												<p><h4>开发时长：15天</h4></p>

											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="tab-pane" id="g3">
							<div class="modal-body" style="height: 700px;">
								<div id="pie" style="width:1200px;height:700px;padding-left: -20px"></div>
							</div>
						</div>
						<div class="tab-pane" id="g1">
							<div class="modal-body" style="height: 700px;">
								<div id="pie1" style="width:1200px;height:700px;padding-left: -20px"></div>
							</div>
						</div>
					</div>


				</div>

				<div>
					<footer class="main" style="width:1600px;padding-left: 20px;padding-right: 20px">
						Copyright &copy; 2021.大连理工大学可持续制造团队所有</a>
					</footer>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			var breakpointDefinition = {  //不同设备显示
				tablet: 1024,
				phone: 480
			};
			var userinfo;  //用户信息

			//当DOM载入就绪可以查询及操纵时绑定一个要执行的函数
			jQuery(document).ready(function ($) {
				var token = window.localStorage["token"];
				if (token == null || token == "") {
					alert("没有登录，请先登录!");
					window.location.href = "login.html";
					return false;
				}
				$.ajax({
					type: "POST",
					url: "http://"+g_host+"/user/getuserinfo",
					xhrFields: {withCredentials: true},
					data: {
						"token": token
					},
					success: function (data) {
						if (data.status == "success") {
							userinfo = data.data;
							$("#username").text(userinfo.username);
						} else {
							alert("登录信息过期！请重新登录！");
							window.location.href = "login.html";
						}
					},
					error: function (data) {
						alert("登录失败，原因为服务器内部错误");
						window.location.href = "login.html";
					}
				});
			})
		</script>
		<div class=" modal fade" id="bomtips" role="dialog">
			<div class="modal-dialog" style="width:40%">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal">
							<span>×</span>
						</button>
						<center>
							<h4 class="modal-title">
								Bom填写小提示
							</h4>
						</center>
					</div>

					<div style="padding-left: 20px;padding-right: 20px">

						<ul class="nav nav-tabs bordered "><!-- available classes "bordered", "right-aligned" -->
							<li class="active">
								<a href="#g11" data-toggle="tab">
									<span class="visible-xs"><i class="entypo-home"></i></span>
									<span class="hidden-xs">产品Bom</span>
								</a>
							</li>
							<li>
								<a href="#g21" data-toggle="tab">
									<span class="visible-xs"><i class="entypo-mail"></i></span>
									<span class="hidden-xs">工艺Bom</span>
								</a>
							</li>
							<li>
								<a href="#g31" data-toggle="tab">
									<span class="visible-xs"><i class="entypo-mail"></i></span>
									<span class="hidden-xs">运输Bom</span>
								</a>
							</li>
							<li>
								<a href="#g41" data-toggle="tab">
									<span class="visible-xs"><i class="entypo-user"></i></span>
									<span class="hidden-xs">材料Bom</span>
								</a>
							</li>
						</ul>

						<div class="tab-content">
							<div class="tab-pane active" id="g11">
								<div class="modal-body" style="height: 550px;">
									<p><strong>产品Bom</strong>一共包含16列，分别为 序号、代号、名称、型号、功能、参数、每台数量、材料、单重(kg)、总重(kg)、备注、产地、运输距离（km）、运输方式、工艺方式、回收（百分比）。</p>
									<p><strong>1、</strong> *序号：产品序号需要按照目录结构一样进行编写，1、1.1、1.2、2、2.1、2.2... （序号直接必须有层级关系，必须父级存在的时候才能编写子序号，否则无法进行计算！）</p>
									<p><strong>2、</strong> 代号：代号表示企业内部对零部件的编号，可以不写！</p>
									<p><strong>3、</strong> *名称：代表该零件的名字，必须填写，否则无法计算！</p>
									<p><strong>4、</strong> 型号：为该零部件的零件型号，请如实填写，当其他数据缺失时，此型号信息将作为智能填补的重要依据！</p>
									<p><strong>5、</strong> 功能：该零部件的主要作用,尽量填写，该信息将作为智能填补的依据！</p>
									<p><strong>6、</strong> 参数：该零部件的其他参数，可以不写！</p>
									<p><strong>7、</strong> *每台数量：每台产品所包含该零部件的数量</p>
									<p><strong>8、</strong> *材料：该零部件的主要材料，如果是装配体，就写装配体！叶子节点的零件必须填写材料（材料信息不可缺失，如不知道请填写 null 后台会自动补全）</p>
									<p><strong>9、</strong> *单重(kg)：一个零部件的重量，单位kg</p>
									<p><strong>10、</strong> *总重(kg)：一台产品中该零部件的总重（该数据不可缺失！如不清楚请填写0，后台会智能补全）</p>
									<p><strong>11、</strong> 备注：零部件的备注，可以为空，如过数据经过后台智能补全，补全信息会出现在这一栏里！</p>
									<p><strong>12、</strong> 产地：零部件的产地</p>
									<p><strong>13、</strong> *运输距离（km）：零部件的运输距离，必须填写！如不知道请填写0，后台会自动补全！</p>
									<p><strong>14、</strong> *运输方式：运输方式必须填写，先查看背景运输数据填写，如不知道，请填写null后台会自动补全！</p>
									<p><strong>15、</strong> *工艺方式：零部件的加工工工艺，先查看背景工艺数据再填写（多个工艺请用-分开，比如 切削粗加工共-切削半精加工共-切削精加工），该数据不能缺失！如不清楚请填写null后台会自动补全！如果物料没有制造阶段，请填写不计算，后台会自动跳过制造阶段！</p>
									<p><strong>16、</strong> *回收：填写回收的百分比，（整数），该数据不可缺失！，如不清楚请填写0，后台会自动补全！</p>
									<p><strong>注：</strong>*号为必填内容，如果不清楚请填写null（非数值型数据）和0（数值型数据）</p>
								</div>
							</div>
							<div class="tab-pane" id="g21">
								<div class="modal-body" style="height: 550px;">
									<p><strong>工艺Bom</strong>一共包含24列，分别为工艺名称、工艺类型、机床型号、机床功率、加工材料、单位、材料去除率、数据来源、备注、煤、石油、天然气、co、co2、so2、nox、ch4、h2s、hcl、cod、nh3、cfc11、cfc12、cfc113

									</p>

									<p><strong>1、</strong> *工艺名称：表示该工艺的名字，需要加上加工工类型，该信息为后台计算匹配的唯二信息，不可缺失！</p>
									<p><strong>2、</strong> *工艺类型：表示该工艺类型（比如：粗加工、半精加工、精加工...）</p>
									<p><strong>3、</strong> 机床型号：表示加工零部件的机床代号</p>
									<p><strong>4、</strong> 机床功率：实际功率</p>
									<p><strong>5、</strong> *加工材料：该工艺所加工的材料,该信息作为后台计算匹配的唯二信息，不可缺失！</p>
									<p><strong>6、</strong> 单位：kg （加工1kg该材料所产生的环境排放）</p>
									<p><strong>7、</strong> *材料去除率：该信息不可缺失！,Double类型的数据，请如实填写</p>
									<p><strong>8、</strong> 数据来源：填写你的数据来源</p>
									<p><strong>9、</strong> 备注：用户备注</p>
									<p><strong>10、</strong> *其他：环境排放的数值，小数位数最多支持20位,这些列的信息不可缺失！</p>
									<p><strong>注：</strong>*号为必填内容，如果缺失将无法计算！</p>
									<p><strong>注：</strong>该bom的数据单位为比能耗，即加工1kg物质所产生的电能，单位为kwh/cm3,需要用户将其转化为电能,然后和1kwh的电能所产生的环境排放进行等比例扩大或缩小！ </p>
									<p><strong>比能耗转化为电能计算公式：</strong> 比能耗（kwh/cm3） × 10^6 ÷ 材料密度（kg/m3）= 我们的单位（kwh/kg）</p>

								</div>
							</div>
							<div class="tab-pane" id="g31">
								<div class="modal-body" style="height: 550px;">
									<p><strong>运输Bom</strong>一共包含22列，分别为运输名称、运输工具、单位、地区、数据来源 、运输类型（陆运、水运）
										、备注、煤、石油、天然气、co、co2、so2、nox、ch4、h2s、hcl、cod、nh3、cfc11、cfc12、cfc113
									</p>

									<p><strong>1、</strong> *运输名称：表示该运输的名字，该信息为后台计算匹配的唯一信息，不可缺失！</p>
									<p><strong>2、</strong> 运输工具：表示该运输所使用的工具信息</p>
									<p><strong>3、</strong> 单位：kg/km</p>
									<p><strong>4、</strong> 地区：表示该运输数据来自哪个地区</p>
									<p><strong>5、</strong> 数据来源：该信息你是从哪里搜集到的，请如实填写！</p>
									<p><strong>6、</strong> 运输类型：陆运、水运、空运...</p>
									<p><strong>7、</strong> 备注：用户备注</p>
									<p><strong>8、</strong> *其他：环境排放的数值，小数位数最多支持20位,这些列的信息不可缺失！</p>
									<p><strong>注：</strong>*号为必填内容，如果缺失将无法计算！</p>
									<p><strong>注：</strong>此表中所有数据单位均为kg/km 无法变更，需要您自行转换输入！</p>

								</div>
							</div>
							<div class="tab-pane" id="g41">
								<div class="modal-body" style="height: 550px;">
									<p><strong>材料Bom</strong>一共包含20列，分别为材料名称、类型（物质、能量、排放）、单位、地区、数据来源、备注
										、煤、石油、天然气、co、co2、so2、nox、ch4、h2s、hcl、cod、nh3、cfc11、cfc12、cfc113
									</p>

									<p><strong>1、</strong> *材料名称：表示该运输的名字，该信息为后台计算匹配的唯一信息，不可缺失！</p>
									<p><strong>2、</strong> 类型：该物质的类型（物质、能量、排放...）</p>
									<p><strong>3、</strong> 单位：kg 固定不变 需要用户自行换算</p>
									<p><strong>4、</strong> 地区：表示该物质数据来自哪个地区</p>
									<p><strong>5、</strong> 数据来源：该信息你是从哪里搜集到的，请如实填写！</p>
									<p><strong>7、</strong> 备注：用户备注</p>
									<p><strong>8、</strong> *其他：环境排放的数值，小数位数最多支持20位,这些列的信息不可缺失！</p>
									<p><strong>注：</strong>*号为必填内容，如果缺失将无法计算！</p>
									<p><strong>注：</strong>此表中所有数据单位均为kg 无法变更，需要您自行转换输入！</p>
								</div>
							</div>
						</div>


					</div>

				</div>
			</div>
		</div>
			<link rel="stylesheet" href="static/css/jquery-jvectormap-1.2.2.css">
			<link rel="stylesheet" href="static/css/rickshaw.min.css">
			<!-- Bottom Scripts -->
			<script src="static/js/main-gsap.js"></script>
			<script src="static/js/jquery-ui-1.10.3.minimal.min.js"></script>
			<script src="static/js/bootstrap.js"></script>
			<script src="static/js/joinable.js"></script>
			<script src="static/js/resizeable.js"></script>
			<script src="static/js/neon-api.js"></script>
			<script src="static/js/jquery-jvectormap-1.2.2.min.js"></script>
			<script src="static/js/jquery-jvectormap-europe-merc-en.js"></script>
			<script src="static/js/jquery.sparkline.min.js"></script>
			<script src="static/js/d3.v3.js"></script>
			<script src="static/js/rickshaw.min.js"></script>
			<script src="static/js/raphael-min.js"></script>
			<script src="static/js/morris.min.js"></script>
			<script src="static/js/toastr.js"></script>
			<script src="static/js/neon-chat.js"></script>
			<script src="static/js/neon-custom.js"></script>
			<script src="static/js/neon-demo.js"></script>

	</body>

</html>